<{extend name="./base" /}>

<{block name="head"}>
<title>{{:config('web.web_name')}}-登录</title>
<{/block}>

<{block name="css"}>
<link href="/static/dplayer/DPlayer.min.css" rel="stylesheet"/>
<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
<{/block}>

<{block name="body"}>
<div class="content">
    <div class="search">
        <form id="submit">
            <div class="input-group">
                <span class="input-group-addon">解析方式</span>
                <select name="api" class="form-control">
                    <{volist name="api" id="v"}>
                    <option selected value="{{$v['url']}}">{{$v['name']}}</option>
                    <{/volist}>
                </select>
            </div>
            <div class="input-group">
                <span class="input-group-addon">视频地址</span>
                <input name="url" type="text" class="form-control" type="text" maxlength="100" placeholder="请粘贴网址">
            </div>
            <button type="submit">解析</button>
            <button type="button" onclick="pause()">jiazai</button>
        </form>

    </div>
    <div id="myVideo" preload="auto">

    </div>
</div>
<{/block}>

<{block name="js"}>
<script src="/static/dplayer/hls.js"></script>
<script src="/static/dplayer/DPlayer.min.js"></script>
<script src="/static/js/tools.js"></script>
<script src="/static/js/message.js"></script>
<script>
    var dplayer = new DPlayer({
        element: document.getElementById("myVideo"),
        controls:{
//            play:'none',
//            wrap:'none',
//            setting:'none',
//            synchronization:true,
        },
        video: {
        },
        contextmenu: []
    });
    var socket = new mywebsocket({})
</script>
<script src="/static/dplayer/socket.js"></script>
<{/block}>
